<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="running">
        <div class="head-list">
            <ul class="tab dpflex">
                <li><a href="running.html" class="active">跑步</a></li>
                <li><a href="riding.html">骑行</a></li>
                <li><a href="training.html">课程训练</a></li>
            </ul>
        </div>
        <p class="distance">目前累计跑步距离：</p>
        <p class="km">999.99<span>公里</span></p>

        <div class="map" id="container">
            <div class="mask dpflex fdcolumn">

               <div class="mask-head dpflex">
                <div class="active">户外跑</div>
                <div>燃脂跑</div>
                <div>跑步机</div>
               </div>

               <div class="go">
                   GO
               </div>

               <div class="mask-foot dpflex">
                   <div class="iconfont icon-shezhi set"></div>
                   <div class="target">设置目标 ></div>
                   <div class="iconfont icon-yinlemusic214 set"></div>
               </div>
            </div>
        </div>

        <div class="run-foot dpflex">
          <div class="foot-left">
            <p class="left-title">跑步路线</p>
            <p>使用跑步路线,邂逅附近的同行者</p>
          </div>

          <span class="foot-right iconfont icon-xiayiyeqianjinchakangengduo"></span>
        </div>

        
    <div class="nav dpflex">
        <p class="dpflex fdcolumn ">
            
              <a href="./home.html" class="iconfont icon-shouye" ></a>
              <a href="./home.html">首页</a>
        </p>

        <p class="dpflex fdcolumn">
                <a href="./running.html" class="iconfont icon-yundongjulebu active"></a>
                <a href="./running.html" class="active">运动</a>
        </p>

        <p class="dpflex fdcolumn">
            <a href="focus.html" class="iconfont icon-pintu"></a>
            <a href="focus.html">圈子</a>
         </p>

         <p class="dpflex fdcolumn">
            <a href="mine.html" class="iconfont icon-wode"></a>
            <a href="mine.html">我的</a>
         </p>
    </div>
    </div>


    <!-- 引入当前JS -->
    <script src="https://webapi.amap.com/maps?v=2.0&key=b993df28aa2a64983e2662c15ec4fe06"></script>
</body>
</html>